<!DOCTYPE html>

<html>
<head>
<meta charset='utf-8'>
<title>libde265.js</title>
<style>
    * {
        margin: 0;
        padding: 0;
    }
    .video-container {
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #video {
        width: 100%;
        height: auto;
    }
</style>
</head>
<script type="text/javascript" src="libde265.js"></script>
<script>
<!--
var file = new URLSearchParams(window.location.search).get('file');
var videoUrl = 'get?file=' + file;
var player = null;
//
window.onload = function() {
    var video = document.getElementById("video");
    var playback = function() {
        if (player) {
            player.stop();
        }
        player = new libde265.RawPlayer(video);
        player.set_status_callback(function(msg, fps) {
            player.disable_filters(true);
        });
        player.playback(videoUrl);
    };
    playback();
};
-->
</script>
<body>
    <div class="video-container">
        <canvas id="video" width="0" height="0"></canvas>
    </div>
</body>
</html>
